<% content_for :content do %>
  <script type="text/javascript">
    $(function () {
      var log = function(s){
        window.console && console.log(s)
      }
      $('.nav-tabs a:last').tab('show')
      $('a[data-toggle="tab"]').on('show', function (e) {
        log(e)
      })
      $('a[data-toggle="tab"]').on('shown', function (e) {
      	log(e.target) // activated tab
        log(e.relatedTarget) // previous tab
      })
    })
  </script>
  <div class="about_bd">
    <div class="well" style="max-width:340px;padding:19px;display:inline-block;">
      <ul class="nav nav-list" id="mytab" >
        <% About.order("id ASC").limit(6).each do |about| %>
          <li class="<%= 'active' if params[:tab] == about.name %>">
            <%= link_to about.name, about_path(tab: about.name) %>
          </li>
        <% end %>
      </ul>
    </div> 
    <div class="tab-content" style="width:710px;display:inline-block;vertical-align:top;margin-left:20px;">
        <% if @about %>
          <div class="tab-pane active" >
              <h2><%= @about.title %></h2>
              <br/>
              <%= @about.content.html_safe %>
          </div>
        <% end %>
    </div>		 
  </div>
<% end %>